/* 声明全局变量 */
:root {--player-width: 350px;--cover-width:115px;}
#ailccPlayer {margin: 0;font: small 'Microsoft Yahei';-moz-user-select:none;-webkit-user-select:none;user-select:none;}
ul, li {margin: 0;padding: 0;list-style: none}
.ts5 {-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s}
#ailccPlayer {-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s;left: 345px;left: calc(var(--player-width) * -1);text-align: left;color: #38343e;width: 345px;width: var(--player-width);position: fixed;bottom: 70px;box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);border-radius: 5px;z-index:99999999;margin: 0;padding: 0;list-style: none;font-family: "Microsoft YaHei", "微软雅黑", "Trebuchet MS", Arial, Verdana, Tahoma, sans-serif;}
#ailccPlayer .player {position: relative;overflow: hidden;text-shadow: none;background-color: rgba(0, 0, 0, 0.1);height: 180px;border-radius: 5px 5px 0 0}
#ailccPlayer .player .cover {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: absolute;background-color: #fff;width: 115px;height: 115px;width: var(--cover-width);height: var(--cover-width);top: 50%;left: 50%;border-radius: 50%;box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);margin-top: -67.5px;margin-left: -57.5px;margin-top: calc(var(--cover-width) / -2 - 10px);margin-left: calc(var(--cover-width) / -2);}
#ailccPlayer .player .cover:after {content: 'Ailcc.com';position: absolute;opacity: .5;width: 100%;left: 0;text-align: center;top: 45px}
#ailccPlayer .player .cover.changing img {-webkit-transform: scale(0.3);-moz-transform: scale(0.3);-ms-transform: scale(0.3);transform: scale(0.3);opacity: 0}
#ailccPlayer .player .cover img {-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s;border-radius: 50%;border: 3px #fff solid;width: 118px;height: 118px;width: calc(var(--cover-width) + 3px);height: calc(var(--cover-width) + 3px);top: -5px;left: -5px;position: relative;z-index: 10;}
#ailccPlayer .player .infos {position: absolute;top: 10px;color: #fff;width: 100%;padding: 0 10px;box-sizing: border-box;cursor:default;}
#ailccPlayer .player .infos .artiststyle {margin-top: 17px;}
#ailccPlayer .player .infos .moshi {float: right}
#ailccPlayer .player .infos .moshi:hover {cursor:url(link.cur),pointer;}
#ailccPlayer .player .infos .geci {float: right}
#ailccPlayer .player .infos .geci:hover {cursor:url(link.cur),pointer;}
#ailccPlayer .player .control {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;bottom: 25px;text-shadow: none;position: absolute;z-index: 99999;font-size: 1.8em;color: #fff;padding: 0 10px;height: 40px;overflow: auto;width: 100%;box-sizing: border-box;}
#ailccPlayer .player .control .aprev, #ailccPlayer .player .control .prev{margin-right: 25px;cursor: url(link.cur), pointer;color: inherit;}
#ailccPlayer .player .control .next,#ailccPlayer .player .control .anext{margin-left: 25px;cursor: url(link.cur), pointer;color: inherit;}
#ailccPlayer .player .control i.current {color: #009688}
#ailccPlayer .player .control .next {position: relative;display: inline-block;vertical-align: middle;}
#ailccPlayer .player .control .next:hover {color: #009688}
#ailccPlayer .player .control .loop:hover {color: #009688}
#ailccPlayer .player .control .prev:hover {color: #009688}
#ailccPlayer .player .control .aprev:hover {color: #009688}
#ailccPlayer .player .control .anext {position: relative;display: inline-block;vertical-align: middle;}
#ailccPlayer .player .control .anext:hover {color: #009688}
#ailccPlayer .player .status {display: inline-block;vertical-align: middle;width: 44px;height: 44px;border-radius: 50%;background-color: #009688;background-image: linear-gradient(90deg, #6c6971 50%, transparent 50%, transparent), linear-gradient(90deg, #009688 50%, #6c6971 50%, #6c6971);position: absolute;left: 50%;top: 50%;z-index: 99999;margin-top: -32px;margin-left: -22px;font-size: 20px;cursor: url(link.cur), pointer;}
#ailccPlayer .player .status b {position: absolute;width: 40px;height: 40px;text-align: center;border: solid #009688 2px;top: 0;left: 0;border-radius: 50%;background-color: #2c2a30;display: inline-block;overflow: hidden}
#ailccPlayer .player .status b .fa {display: block;width: 40px;height: 40px;line-height: 40px}
#ailccPlayer .player .status b .fa:hover {color: #009688}
#ailccPlayer .player .status b .play {color: #009688;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s}
#ailccPlayer .player .status b .play:hover {color: #009688}
#ailccPlayer .player .status b .pause {-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s}
#ailccPlayer .player .status b .pause:hover {color: #009688}
#ailccPlayer .player .musicbottom {-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: absolute;background-color: #fff;text-shadow: none;height: 25px;width: 100%;left: 0;bottom: 0;line-height: 25px;display: flex;}
#ailccPlayer .player .musicbottom .qhms{position:absolute;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s;font-size:1.2em;cursor:url(link.cur),pointer;right:25px;text-align: center;}
#ailccPlayer .player .musicbottom .qhms:hover {color: #009688}
/*进度开始----------------------------------------------------*/
#ailccPlayer .player .musicbottom .rate {color: #cccbce;height: 100%;position: relative;overflow: hidden;display: inline-block;padding-left: 15px;box-sizing: border-box;flex: 1;padding-right: 31px;}
#ailccPlayer .player .musicbottom .icons{display: inline-block;}
#ailccPlayer .player .musicbottom .rate .mute {float: left}
#ailccPlayer .player .musicbottom .rate .volumeup {float: right}
#ailccPlayer .player .musicbottom .rate .progress {position: relative;width: 100%;background-color: #b0aeb2;overflow: visible;vertical-align: middle;display: inline-block;height: 5px;top: -1px;border-radius: 2px;margin: auto;cursor: url(link.cur), pointer;}
#ailccPlayer .player .musicbottom .rate .progress .rate-on {position: relative;background-color: #009688;width: 0;height: 100%;}
#ailccPlayer .player .musicbottom .rate .progress .rate-on .drag {width: 16px;height: 16px;position: absolute;top: -6px;right: -5px;background-color: #fff;border-radius: 50%;box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);cursor: url(link.cur), pointer;}
#ailccPlayer .phone .player .musicbottom .rate .progress .rate-on .drag{width: 18px;height: 18px;top: -7px;right: -9px;}
#ailccPlayer .musicbottom .rate-buffered{position: absolute;width: 0;background-color: #777777;height: 100%;top: 0;transition-duration: .5s;transition-property: width;transition-timing-function: ease;border-radius:2px;}
/*进度结束----------------------------------------------------*/

#ailccPlayer .player .musicbottom .volume {position: absolute;left: 6px;top: 6px;color: #cccbce}
#ailccPlayer .player .musicbottom .volume .mute {float: left}
#ailccPlayer .player .musicbottom .volume .volumeup {float: right}
#ailccPlayer .player .musicbottom .volume .progress {position: relative;width: 145px;margin: 0 15px;margin-top: 4.5px;height: 3px;background-color: #b0aeb2;overflow: visible;}
#ailccPlayer .player .musicbottom .volume .progress .volume-on {position: relative;background-color: #009688;width: 0;height: 3px}
#ailccPlayer .player .musicbottom .volume .progress .volume-on .drag {width: 14px;height: 14px;position: absolute;top: -5px;right: -5px;background-color: #fff;border-radius: 50%;box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);cursor: url(link.cur), pointer}
#ailccPlayer .player .musicbottom .switch-playlist {float: right;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s;cursor: url(link.cur), pointer;width: 23px;text-align: center;}
#ailccPlayer .player .musicbottom .switch-playlist:hover {color: #009688}
#ailccPlayer .player .musicbottom .switch-ksclrc {-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s;right: 35px;font-size: 1.2em;cursor: url(link.cur), pointer;width: 20px;float: left;text-align: center;}
#ailccPlayer .player .musicbottom .switch-ksclrc:hover {color: #009688}
#ailccPlayer .player .musicbottom .new-volume {-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s;font-size: 1.2em;cursor: url(link.cur), pointer;right: 23px;float: right;text-align: center;position: relative;}
#ailccPlayer .player .musicbottom .new-volume:hover {color: #009688}
#ailccPlayer .player .musicbottom .switch-default {position: absolute;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s;top: 6px;line-height: 10px;right: 95px;font-size: 1.1em;display: none;cursor: url(link.cur), pointer}
#ailccPlayer .player .musicbottom .switch-default:hover {color: #009688}
#ailccPlayer .player .musicbottom .switch-down {float: right;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s;font-size: 1.2em;display: none;cursor: url(link.cur), pointer;text-align: center;width: 25px;}
#ailccPlayer .player .musicbottom .switch-down .fa {color: #38343e}
#ailccPlayer .player .musicbottom .switch-down .fa:hover {color: #009688}
#ailccPlayer .playlist {-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s;color: #fff;height: 0;overflow: hidden;text-shadow: none;border-top: solid #ebebeb 1px}
#ailccPlayer .playlist .playlist-bd {-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s;width: 800px}
#ailccPlayer .playlist .album-list {width: 400px;float: left}
#ailccPlayer .playlist .song-list {float: left}
#ailccPlayer .playlist .album-list .musicheader, #ailccPlayer .playlist .album-list .list {-webkit-transform: translate3d(-500px, 0, 0);-moz-transform: translate3d(-500px, 0, 0);-ms-transform: translate3d(-500px, 0, 0);transform: translate3d(-500px, 0, 0)}
#ailccPlayer .playlist .song-list .list {opacity: 0}
#ailccPlayer .playlist .musicheader {-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s;font-size: 1.4em;border-bottom: solid #eee 1px;padding: 10px 0 10px 10px;background-color: rgba(0, 0, 0, 0.1)}
#ailccPlayer .playlist .musicheader .fa-angle-right {opacity: .5;-webkit-transition: .8s;-moz-transition: .8s;-ms-transition: .8s;transition: .8s;margin-right: 10px;font-size: 1.2em;font-weight: bold;cursor: url(link.cur), pointer}
#ailccPlayer .playlist .list {-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;height: 305px;width: 365px;width: calc(var(--player-width) + 15px);weight: 100%;overflow: hidden;-webkit-transform-origin: 50% 100px;-moz-transform-origin: 50% 100px;-ms-transform-origin: 50% 100px;transform-origin: 50% 100px}
#ailccPlayer .playlist .list ul {margin-right: 15px}
#ailccPlayer .playlist .list li {-webkit-transition: .3s;-moz-transition: .3s;-ms-transition: .3s;transition: .3s;cursor: url(link.cur), pointer;height: 40px;line-height: 40px;border-bottom: solid #eee 1px;background-color: rgba(0, 0, 0, 0.1);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#ailccPlayer .playlist .list li:last-child {border-bottom: 0}
#ailccPlayer .playlist .list li:hover {background-color:rgba(0, 150, 136, 0.5);}
#ailccPlayer .playlist .list li.current {background-color: #009688;text-shadow: none;color: #fff}
#ailccPlayer .playlist .list li.current .index {color: #fff}
#ailccPlayer .playlist .list li .index {opacity: .3;padding: 0 10px}
#ailccPlayer .playlist .list li .fa-angle-right {float: right;line-height: 40px;margin-right: 10px}
#ailccPlayer .playlist .list .mCSB_scrollTools {top: 0;right: 3px;cursor: url(link.cur), pointer;width: 9px;height: 100%;background-color: rgba(0, 0, 0, 0.1);border-radius: 9px;opacity: 0;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;transition: .5s}
#ailccPlayer .playlist .list .mCSB_draggerContainer {height: 100%}
#ailccPlayer .playlist .list .mCSB_dragger {background-color: #009688;width: 9px;height: auto;border-radius: 9px;z-index: 999}
#ailccPlayer .playlist .list:hover {width: 350px;width: var(--player-width)}
#ailccPlayer .playlist .list:hover .mCSB_scrollTools {opacity: 1}
#ailccPlayer .flat {position: absolute;top: 70px;left: 185px;color: #fff;font-size: 1.4em;opacity: 0}
#ailccPlayer .switch-player {position: absolute;top: 10px;right: -25px;width: 25px;height: 68px;line-height: 68px;text-shadow: none;background-color: rgba(0, 0, 0, 0.2);border-radius: 0 5px 5px 0;box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);color: #fff;font-size: 2em;text-align: center;cursor: url(link.cur), pointer;-webkit-transform: rotate(0);-moz-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0)}
#ailccPlayer .switch-player .fa {-webkit-transition: 1s;-moz-transition: 1s;-ms-transition: 1s;transition: 1s;top: 50%}
#ailccPlayer .switch-player:hover {background-color: rgba(0, 0, 0, 0.1);color: #f30}
#ailccPlayer.show {-webkit-transform: translate3d(345px, 0, 0);-moz-transform: translate3d(345px, 0, 0);-ms-transform: translate3d(345px, 0, 0);transform: translate3d(345px, 0, 0);
-webkit-transform: translate3d(var(--player-width), 0, 0);-moz-transform: translate3d(var(--player-width), 0, 0);-ms-transform: translate3d(var(--player-width), 0, 0);transform: translate3d(var(--player-width), 0, 0);}
#ailccPlayer.show .switch-player {background-color: rgba(0, 0, 0, 0.1);color: #f30;opacity: 1;}
#ailccPlayer.show .switch-player:hover {background-color: rgba(0, 255, 0, 0.6);color: #fff}
#ailccPlayer.show .switch-player .fa {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg)}
#ailccPlayer.showList .switch-playlist {color: #009688}
#ailccPlayer.showList .playlist {height: 350px}
#ailccPlayer.showList .playlist .musicheader {-webkit-transition-delay: .3s;-moz-transition-delay: .3s;-ms-transition-delay: .3s;transition-delay: .3s;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
#ailccPlayer.showList .playlist .list {-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-ms-transition-delay: .5s;transition-delay: .5s;opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
#ailccPlayer.ksclrc .switch-ksclrc {color: #ff3300}
#ailccPlayer.showAlbumList .switch-playlist {color: #009688}
#ailccPlayer.showAlbumList .playlist {height: 350px}
#ailccPlayer.showAlbumList .playlist .album-list .musicheader {-webkit-transition-delay: .3s;-moz-transition-delay: .3s;-ms-transition-delay: .3s;transition-delay: .3s;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
#ailccPlayer.showAlbumList .playlist .album-list .list {-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-ms-transition-delay: .5s;transition-delay: .5s;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
#ailccPlayer.showSongList .playlist-bd {-webkit-transform: translate3d(-50%, 0, 0);-moz-transform: translate3d(-50%, 0, 0);-ms-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0)}
#ailccPlayer.showSongList .playlist-bd .song-list .musicheader {cursor: url(link.cur), pointer;-webkit-transition-delay: .3s;-moz-transition-delay: .3s;-ms-transition-delay: .3s;transition-delay: .3s;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
#ailccPlayer.showSongList .playlist-bd .song-list .musicheader:hover {background-color:rgba(0, 150, 136, 0.5);}
#ailccPlayer.showSongList .playlist-bd .song-list .musicheader .fa-angle-right {-webkit-transition-delay: .3s;-moz-transition-delay: .3s;-ms-transition-delay: .3s;transition-delay: .3s;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg)}
#ailccPlayer.showSongList .playlist-bd .song-list .list {-webkit-transition-delay: .5s;-moz-transition-delay: .5s;-ms-transition-delay: .5s;transition-delay: .5s;opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
#ailccPlayer.playing .player .status b {border-width: 0;top: 2px;left: 2px;z-index:2000;}
#ailccPlayer.playing .player .status b .play {margin-top: -40px}
#ailccPlayer.playing .flat {opacity: 1;-webkit-animation: rotate 18s linear infinite;-moz-animation: rotate 18s linear infinite;-ms-animation: rotate 18s linear infinite;animation: rotate 18s linear infinite}
#ailccPlayer.playing .flat i {position: absolute;top: 0;left: 0;opacity: 0;-webkit-animation: flat 4s cubic-bezier(0.09, 0.64, 0.16, 0.94) infinite;-moz-animation: flat 4s cubic-bezier(0.09, 0.64, 0.16, 0.94) infinite;-ms-animation: flat 4s cubic-bezier(0.09, 0.64, 0.16, 0.94) infinite;animation: flat 4s cubic-bezier(0.09, 0.64, 0.16, 0.94) infinite}
#ailccPlayer.playing .flat i:nth-of-type(1) {-webkit-animation-delay: 0;-moz-animation-delay: 0;-ms-animation-delay: 0;animation-delay: 0;-webkit-transform: rotate(35deg) translateX(-5px);-moz-transform: rotate(35deg) translateX(-5px);-ms-transform: rotate(35deg) translateX(-5px);transform: rotate(35deg) translateX(-5px)}
#ailccPlayer.playing .flat i:nth-of-type(2) {-webkit-animation-delay: .8s;-moz-animation-delay: .8s;-ms-animation-delay: .8s;animation-delay: .8s;-webkit-transform: rotate(-5deg) translateX(-15px);-moz-transform: rotate(-5deg) translateX(-15px);-ms-transform: rotate(-5deg) translateX(-15px);transform: rotate(-5deg) translateX(-15px)}
#ailccPlayer.playing .flat i:nth-of-type(3) {-webkit-animation-delay: 1.6s;-moz-animation-delay: 1.6s;-ms-animation-delay: 1.6s;animation-delay: 1.6s;-webkit-transform: rotate(45deg) translateX(5px);-moz-transform: rotate(45deg) translateX(5px);-ms-transform: rotate(45deg) translateX(5px);transform: rotate(45deg) translateX(5px)}
#ailccPlayer.playing .flat i:nth-of-type(4) {-webkit-animation-delay: 2.8s;-moz-animation-delay: 2.8s;-ms-animation-delay: 2.8s;animation-delay: 2.8s;-webkit-transform: rotate(-25deg) translateX(-8px);-moz-transform: rotate(-25deg) translateX(-8px);-ms-transform: rotate(-25deg) translateX(-8px);transform: rotate(-25deg) translateX(-8px)}
#ailccPlayer.playing .flat i:nth-of-type(5) {-webkit-animation-delay: 3.2s;-moz-animation-delay: 3.2s;-ms-animation-delay: 3.2s;animation-delay: 3.2s;-webkit-transform: rotate(-35deg);-moz-transform: rotate(-35deg);-ms-transform: rotate(-35deg);transform: rotate(-35deg)}
#ailccPlayer.playing .flat i:nth-of-type(6) {-webkit-animation-delay: 4.5s;-moz-animation-delay: 4.5s;-ms-animation-delay: 4.5s;animation-delay: 4.5s;-webkit-transform: rotate(15deg) translateX(-5px);-moz-transform: rotate(15deg) translateX(-5px);-ms-transform: rotate(15deg) translateX(-5px);transform: rotate(15deg) translateX(-5px)}
@-webkit-keyframes rotate {50% {    -webkit-transform: rotate(-20deg);    -moz-transform: rotate(-20deg);    -ms-transform: rotate(-20deg);    transform: rotate(-20deg)}}
@-moz-keyframes rotate {50% {    -webkit-transform: rotate(-20deg);    -moz-transform: rotate(-20deg);    -ms-transform: rotate(-20deg);    transform: rotate(-20deg)}}
@-ms-keyframes rotate {50% {    -webkit-transform: rotate(-20deg);    -moz-transform: rotate(-20deg);    -ms-transform: rotate(-20deg);    transform: rotate(-20deg)}}
@keyframes rotate {50% {    -webkit-transform: rotate(-20deg);    -moz-transform: rotate(-20deg);    -ms-transform: rotate(-20deg);    transform: rotate(-20deg)}}
@-webkit-keyframes flat {from {    opacity: 1}
to {    top: -48px;    left: 78px;    opacity: 0;    font-size: .6em}
}
@-moz-keyframes flat {from {    opacity: 1}
to {    top: -48px;    left: 78px;    opacity: 0;    font-size: .6em}
}
@-ms-keyframes flat {from {    opacity: 1}
to {    top: -48px;    left: 78px;    opacity: 0;    font-size: .6em}
}
@keyframes flat {from {    opacity: 1}
to {    top: -48px;    left: 78px;    opacity: 0;    font-size: .6em}
}
#ailccTips {position:fixed;font-size:1em;text-shadow:none;border-radius:0 5px 5px 0;z-index:999999999999;top:10px;left:0;background-color:rgba(0,0,0,.2);padding:15px;color:#fff;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s;-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
#ailccTips.show {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#ailccLrc {-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s;position:fixed;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);-ms-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);z-index:999999999999;bottom:0;left:0;font-size:1.2em;font-weight:700;width:100%;height:40px;background-color:rgba(0,0,0,.1);overflow:hidden}
#ailccLrc ul {-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s}
#ailccLrc li {opacity:.5;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s;text-align:center;height:40px;line-height:40px;font-weight:700;font-size:1.5em;text-shadow: 1px 1px 1px #ccc, 2px 2px 2px #009688, 3px 3px 3px #444;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
#ailccLrc li.current {color:#000;opacity:.8;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
#ailccLrc.show {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#ailccLrc.hide {-webkit-transform:translate3d(0,200%,0);-moz-transform:translate3d(0,200%,0);-ms-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0)}
#ailccLrc:hover {height: 120px}
#ailccLrc:hover ul {margin: 40px 0}
.coverplay {-webkit-animation: ailcc infinite 20s linear;animation: ailcc infinite 20s linear}
@keyframes ailcc {100% {    -webkit-transform: rotate(360deg);    transform: rotate(360deg)}}
@-webkit-keyframes ailcc {100% {    -webkit-transform: rotate(360deg)}}
#ailccPlayer .status {opacity: .3;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;filter: alpha(opacity=30)}
#ailccPlayer:hover .status {opacity: 1;filter: alpha(opacity=100)}
#tooltip {position: absolute;z-index: 999999999;display: none;padding: 4px 8px;border: 1px solid rgba(255, 255, 255, 0.25);border-radius: 3px;background-color: #009688;color: #fff;text-align: center;font-size: 12px}
#tooltip:before {position: absolute;top: -6px;left: 15px;width: 0;height: 0;border: 6px dashed #009688;border-top: 0;color: #fff;content: ' ';line-height: 0;border-bottom-style: solid;border-left-color: transparent;border-right-color: transparent}
.blur-img {position: absolute;}
.player .blur {display: none;position: relative;width: 365px;width: var(--player-width);height: 155px;filter: url(blur.svg#blur);-webkit-filter: blur(20px);-moz-filter: blur(20px);-ms-filter: blur(20px);filter: blur(20px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=20, MakeShadow=false);}
.loading {height: 100%;width: 100%;position: fixed;top: 0;left: 0;z-index: 1000;background-color: rgba(90, 90, 90, .5)}
.loading2 {position: absolute;top: 50%;left: 50%;z-index: 1000;margin: -46px 0 0 -46px;width: 92px;height: 92px}
.loading .block {width: 40px;height: 40px;position: absolute;top: 5;left: 0}
.loading .block:nth-child(1) {top: 0;left: 0;right: auto;bottom: auto;-webkit-animation: top-left 1s infinite;background-color: #00aacf}
.loading .block:nth-child(2) {top: 0;left: 50px;right: auto;bottom: auto;-webkit-animation: top-right 1s infinite;background-color: #f6c574}
.loading .block:nth-child(3) {top: 50px;left: 0;right: auto;bottom: auto;-webkit-animation: bottom-left 1s infinite;background-color: #fc5652}
.loading .block:nth-child(4) {top: 50px;left: 50px;right: auto;bottom: auto;-webkit-animation: bottom-right 1s infinite;background-color: #00b3a0}
@-webkit-keyframes top-left {0% {    left: 0;    top: 0}
25% {    left: 50px;    top: 0;    -webkit-transform: rotate(90deg)}
50% {    left: 50px;    top: 50px;    -webkit-transform: rotate(180deg)}
75% {    left: 0;    top: 50px;    -webkit-transform: rotate(270deg)}
100% {    left: 0;    top: 0;    -webkit-transform: rotate(360deg)}
}
@-webkit-keyframes top-right {0% {    left: 50px;    top: 0}
25% {    left: 50px;    top: 50px}
50% {    left: 0;    top: 50px}
75% {    left: 0;    top: 0}
100% {    left: 50px;    top: 0}
}
@-webkit-keyframes bottom-left {0% {    left: 50px;    top: 50px}
25% {    left: 0;    top: 50px;    -webkit-transform: rotate(90deg)}
50% {    left: 0;    top: 0;    -webkit-transform: rotate(180deg)}
75% {    left: 50px;    top: 0;    -webkit-transform: rotate(270deg)}
100% {    left: 50px;    top: 50px;    -webkit-transform: rotate(360deg)}
}
@-webkit-keyframes bottom-right {0% {    left: 0;    top: 50px}
25% {    left: 0;    top: 0}
50% {    left: 50px;    top: 0}
75% {    left: 50px;    top: 50px}
100% {    left: 0;    top: 50px}
}
@-moz-keyframes spinPulse {0% {    box-shadow: 0 0 1px #505050;    opacity: 0;    -moz-transform: rotate(160deg);}
50% {    opacity: 1;    -moz-transform: rotate(145deg);}
100% {    opacity: 0;    -moz-transform: rotate(-320deg);}
}
@-moz-keyframes spinoffPulse {0% {    -moz-transform: rotate(0deg);}
100% {    -moz-transform: rotate(360deg);}
}
@-webkit-keyframes spinPulse {
0% {    box-shadow: 0 0 1px #505050;    opacity: 0;    -webkit-transform: rotate(160deg);}
50% {    opacity: 1;    -webkit-transform: rotate(145deg);}
100% {    opacity: 0;    -webkit-transform: rotate(-320deg);}
}
@-webkit-keyframes spinoffPulse {0% {    -webkit-transform: rotate(0deg);}
100% {    -webkit-transform: rotate(360deg);}
}
@-o-keyframes spinPulse {0% {    box-shadow: 0 0 1px #505050;    opacity: 0;    -o-transform: rotate(160deg);}
50% {    opacity: 1;    -o-transform: rotate(145deg);}
100% {    opacity: 0;    -o-transform: rotate(-320deg);}}
@-o-keyframes spinoffPulse {0% {    -o-transform: rotate(0deg);}
100% {    -o-transform: rotate(360deg);}
}
@-ms-keyframes spinPulse {0% {    box-shadow: 0 0 1px #505050;    opacity: 0;    -ms-transform: rotate(160deg);}
50% {    opacity: 1;    -ms-transform: rotate(145deg);}
100% {    opacity: 0;    -ms-transform: rotate(-320deg);}
}
@-ms-keyframes spinoffPulse {0% {    -ms-transform: rotate(0deg);}
100% {    -ms-transform: rotate(360deg);}
}
.loading, .loading2 {display: none}
.blur-img {width: 345px;width: var(--player-width);height: 155px;position: absolute;}
.blur {display: none;position: relative;width: 365px;height: 155px;filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */-webkit-filter: blur(20px); /* Chrome, Opera */-moz-filter: blur(20px);-ms-filter: blur(20px);filter: blur(20px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=20, MakeShadow=false); /* IE6~IE9 */}#ailccPlayer *{box-sizing: content-box;}
#div1{animation:mymove 2s linear 0s infinite normal;}
@keyframes mymove{0% {left:0px;top:0px;opacity:0;}
50% {opacity:1;transform:rotate(9deg);}
100% {left:200px;top:-90px;opacity:0;}
}
#div2{animation:mymove2 2s linear 0.4s infinite normal;}
@keyframes mymove2
{0% {left:0px;top:0px;opacity:0;}
50% {opacity:1;transform:rotate(-9deg);}
100% {left:200px;top:-80px;opacity:0;}
}
#div3{animation:mymove3 2s linear 0.7s infinite normal;}
@keyframes mymove3{0% {left:0px;top:0px;opacity:0;}
50% {opacity:1;transform:rotate(9deg);}
100% {left:200px;top:-70px;opacity:0;}
}
.note{display:none}
.playing .note{display:block;opacity:0;width:25px;height:25px;position:absolute;z-index:1999;}
.new-volume .volume-controls{width: 30px;height: 135px;background-color: rgba(0, 0, 0, 0.62);border-radius: 7px;position: absolute;left: -3px;bottom: 25px;flex-direction: column;align-items: center;display: none;z-index: 999999;}
.new-volume .volume-controls .slider{margin-top: 12px;margin-bottom: 12px;width: 6px;border-radius: 3px;flex-grow: 1;background-color: #D8D8D8;cursor: url(link.cur), pointer;position: relative;}
.new-volume .volume-controls .slider .progress2{bottom: 0;height: 100%;width: 6px;background-color: #009688;border-radius: inherit;position: absolute;pointer-events: none;}
.new-volume .volume-controls .slider .progress2 .drag{left: -5px;top: -8px;height: 16px;width: 16px;border-radius: 8px;background-color: #009688;position: absolute;pointer-events: all;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32);}
.songx {width: 80px;white-space: nowrap;overflow: hidden;vertical-align: text-top;display: inline-block;}


.new-volume:hover .volume-controls{display:flex;}
#ailccLrc.phone li{font-size:1.0em;}
#ailccPlayer .infos i,#ailccPlayer .status .note i{color: inherit;}
#ailccPlayer.phone .playlist .list li {height: 30px;line-height: 30px;font-size: 12px;}
#ailccPlayer.phone .playlist .list li .fa-angle-right {line-height: 30px;}
#ailccPlayer.phone .playlist .musicheader {font-size: 16px;padding: 7px 0 7px 10px;}

#ailccPlayer .searchbox{
    border: 1px solid rgba(255,255,255,0.5);
    /* border-radius: 9px; */
    position: absolute;
    top: 184px;
    height: 37px;
    width: 177px;
    left: 171px;
    opacity:0;
    transition: opacity .2s;
	display:none;
    -moz-transition: opacity .2s;	/* Firefox 4 */
    -webkit-transition: opacity .2s;	/* Safari å’Œ Chrome */
    -o-transition: opacity .2s;	/* Opera */
}
#ailccPlayer .searchbox.show{
	opacity:1;
}
#ailccPlayer .searchbox input{
    background: rgba(255,255,255,0);
    position: absolute;
    left: 5px;
    top: 6px;
    height: 25px;
    width: 148px;
    border: 1px #fff;
    border-style: none none solid none;
    font-family: å¾®è½¯é›…é»‘;
    color: #FFF;
    outline: none;
    padding: initial;
    font-size: inherit;
    line-height: inherit;
    border-radius: initial;
    box-shadow: none;
    transition: initial;
}
#ailccPlayer .searchbox .delsearchlist{
    font-size: 1.8em;
    position: absolute;
    left: 155px;
    top: 10px;
    text-shadow: 1px 1px 1px #000;
    cursor:url(link.cur),pointer;
}
#ailccPlayer .searchlistbox {
	color: #fff;
	position: absolute;
	top: 41px;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	transition:.5s;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	height: 247px;
    width: 193px;
	overflow:hidden;
	-webkit-transform-origin:50% 100px;
	-moz-transform-origin:50% 100px;
	-ms-transform-origin:50% 100px;
	transform-origin:50% 100px;
}
#ailccPlayer .searchlistbox ul {
	background: rgba(0, 0, 0, .4);
	margin-right:15px;
}
#ailccPlayer .searchlistbox li {
	overflow:hidden;
	width:calc(100%);
	text-overflow:ellipsis;
	white-space:nowrap;
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s;
	transition:.3s;
	cursor:url(link.cur),pointer;
	height: 30px;
	line-height: 30px;
	border-bottom:solid #eee 1px;
	background-color:rgba(0,0,0,0.1);
}
#ailccPlayer .searchlistbox li:last-child {
	border-bottom:0
}
#ailccPlayer .searchlistbox li:hover {
	background-color:rgba(0, 196, 255, 0.5);
}
#ailccPlayer .searchlistbox li.current {
	background-color:#1D96FF;
	text-shadow:none;
	color:#fff
}
#ailccPlayer .searchlistbox li.current .index {
	color:#fff
}
#ailccPlayer .searchlistbox li .index {
	opacity:.3;
	padding:0 10px
}
#ailccPlayer .searchlistbox li .fa-angle-right {
	float:right;
	line-height:30px;
	margin-right:10px
}
#ailccPlayer .searchlistbox .mCSB_scrollTools {
	top:0;
	right: 6px;
	cursor:url(link.cur),pointer;
	width:9px;
	height:100%;
	background-color:rgba(0,0,0,0.1);
	border-radius:9px;
	opacity:0;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-ms-transition:.5s;
	transition:.5s;
}
#ailccPlayer .searchlistbox .mCSB_draggerContainer {
	background: rgba(0,0,0,.4);
	height:100%;
}
#ailccPlayer .searchlistbox .mCSB_dragger {
	background-color:rgba(0, 149, 255, 0.71);
	width:9px;
	height:auto;
	border-radius:9px;
	z-index:999
}
#ailccPlayer .searchlistbox:hover {
    width: 184px;
}
#ailccPlayer .searchlistbox:hover .mCSB_scrollTools {
	opacity:1
}
#ailccPlayer .player .musicbottom .switch-search {position:absolute;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s;font-size:1.2em;cursor:url(link.cur),pointer;right: 23px;text-align: center;}
#ailccPlayer .player .musicbottom .qhms{
        right: 21px;
}
#ailccPlayer .player .musicbottom .switch-search:hover,.switch-search .search.current,#ailccPlayer .searchbox .delsearchlist:hover,#ailccPlayer .searchbox .delsearchlist:hover {
    color: #009688
}
.songx {
    width: 80px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: text-top;
    display: inline-block;
}
@media screen and (max-width: 790px) {
#ailccLrc li {opacity:.5;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;transition:.5s;text-align:center;height:40px;line-height:40px;font-weight:700;font-size:16px;text-shadow: 1px 1px 1px #ccc, 2px 2px 2px #ccc, 3px 3px 3px #444;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}
	}